<!DOCTYPE html>
<html lang="zh">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="format-detection" content="telephone=no">
    <meta name="msapplication-tap-highsecondary" content="no">
    <meta name="viewport" content="user-scalable=no,initial-scale=1,maximum-scale=1,minimum-scale=1,width=device-width">

    <title>测试</title>
    <!-- <link href="lib/css/meterial-icons.css" rel="stylesheet"> -->
    <link href="../lib/fonts/material-icons.css?family=Material+Icons" rel="stylesheet">
    <link href="../lib/css/animate.min.css" rel="stylesheet">
    <link href="../lib/css/quasar.mat.rtl.min.css" rel="stylesheet" type="text/css">
    <link rel="stylesheet" href="../style/temp-mould.css">
    <style>
      .search-group-left { font-size: 13px; border: 1px solid #ccc; padding: 3px 6px!important; border-radius: 3px 0 0 3px; border-right: none }
      .search-group-right { font-size: 13px;border: 1px solid #ccc; padding: 3px 6px!important; border-radius: 0 3px 3px 0 }
      .ant-input { font-size: 13px;border: 1px solid #ccc; padding: 3px 6px!important; border-radius: 3px }
    </style>
  </head>
  <body>
    <div id="h-test">
      <temp-production @change="dataChange" :readonly="false"></temp-production>
      <!-- <temp-mould @change="mouldChange"></temp-mould> -->
    </div>

    <!-- ie-polyfill 、 vue.js and quasar-framework -->
    <script src="../lib/js/quasar.ie.polyfills.umd.min.js"></script>
    <script src="../lib/js/vue.js"></script>
    <script src="../lib/js/quasar.mat.umd.min.js"></script>
    <!-- babel for es6 transform -->
    <!-- <script src="lib/js/babel.min.js"></script> -->
    <!-- vue validate -->
    <script src="../lib/js/vuelidate.min.js"></script>
    <script src="../lib/js/validators.min.js"></script>
    <!-- consts ps: always leave this file first -->
    <script src="../script/consts.js"></script>
    <!-- status code -->
    <script src="../script/status.code.js"></script>
    <!-- qs for axios -->
    <script src="../lib/js/qs.min.js"></script>
    <!-- axios for http request -->
    <script src="../lib/js/axios.js"></script>
    <!-- axios.instance must be after axios -->
    <script src="../script/axios.instance2.js"></script>
    <!-- quasar i18n zh-hans -->
    <script src="../lib/lang/zh-hans.js"></script>
    <!-- vue-i18n for application's internationalization -->
    <script src="../lib/js/vue-i18n.js"></script>
    <!-- current page international file -->
    <script src="../lang/sor/sorPreview.js"></script>
    <!--  -->
    <script src="../script/utils.js"></script>
    <!-- s -->
    <script src="../components/h-select-table.js"></script>
    <script src="../components/h-select-tree.js"></script>
    <script src="../components/h-form-table.js"></script>
    <!-- template -->
    <script src="../templates/temp-production.js"></script>
    <script src="../templates/temp-mould.js"></script>

    <script>
      // quasar components use
      Quasar.i18n.set(Quasar.i18n[LANGUGE])
      
      new Vue({
				el: '#h-test',
				data: function() {
          return {
            
          }
        },
        computed: {
          
        },
        methods: {
          dataChange: function(newV)  {
            console.log(newV, 222222222233333)
          },
          mouldChange: function(newV) {
            console.log(newV, 11111111111111)
          }
        }
      })
    </script>
    
  </body>